class ScorePanel {
  // 用来记录分数和等级
  score = 0;
  level = 1;
  scoreEle: HTMLElement;
  levelEle: HTMLElement;

  // 设置一个变量限制等级
  maxLeval: number;
  // 设置变量表示多少分升级
  upScore: number;

  constructor(maxLeval: number = 10, upScore: number = 10) {
    // 分数和等级所在的元素在构造函数中进行初始化
    this.scoreEle = document.getElementById('score')!;
    this.levelEle = document.getElementById('level')!;
    this.maxLeval = maxLeval;
    this.upScore = upScore;
  }
  // 设置加分
  addScore() {
    // 使得分数自增，并且赋值给元素，innerHTML需要的是字符串
    this.scoreEle.innerHTML = ++this.score + '';
    // 判断分数是多少
    if (this.score % this.upScore === 0) {
      this.levalUp()
    }
  }
  // 提升等级
  levalUp() {
    // 等级需要上限制
    if (this.level < this.maxLeval) {
      this.levelEle.innerHTML = ++this.level + '';
    }
  }
}

export default ScorePanel